<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- 浮动 float属性
			 浮动定位可以让元素脱离文档流，脱离文档流后会呈现靠左，右
			 作用：左右【大区域】布局,图片与文本环绕
			 特点：一旦元素加浮动，变成块级元素【可设置高宽，独占一行】
		 -->
		 <!-- 外部样式表 -->
		 <link rel="stylesheet" href="css/浮动.css" />
		
	</head>
	<body>
		<body>
			<!-- 4个空间 -->
			<div class="d1">d1</div>
			<div class="d2">d2</div>
			<div class="d3">d3</div>
			<div class="d4">d4</div>
		</body>
	</body>
</html>